/*head start*/

.topNav {

	width: 100%;

	height: 47px;

	background-color: #fff;

	z-index: 1;

	margin-right: auto;; margin-left: auto;

}

.topNavtag{ width: 26px; height: 26px; line-height: 26px;background: url(../images/red_tag.jpg) left center no-repeat;  float: right; color: #fff; text-align: center; margin:50px 33px 0 0; }

.topNavtag a{ color: #fff;}



.topNavList {width:100%; height:78px; margin:27px auto 0;}

.topNavSub {position: relative;}

.topNav a {

	display: block;

	float: left;

	height:78px;

	line-height:78px;

	color: #232323;

	font-size:18px;

	font-weight: bold;

	text-align: left;  padding-left:2px; padding-right:110px; letter-spacing: 0px;

	width: auto;

}

.topNav .top_nav_a{padding-right:0px;}

/*.topNav a:hover,.topNav a:active{border-bottom: 3px solid #848484;	height: 44px; line-height: 44px;}*/





.topNav span{ float: left;font-size:14px; font-weight:normal; text-align: center;height: 47px; width:20px;line-height: 47px;}

/*sub start*/

.subNavWrapper {

	width: 200px;

	position: absolute;

	left: 50%;

	margin: 0 0 0 -220px;

	z-index: 1;

	display: none;

}



.subNavSet {

	width: 200px;

	margin: 0 auto;

	position: relative;

}



.subNav {

	position: relative;

	display: none;

}



.subNav ul {

	width: 152px;

	position: absolute;

	left: 23px;

	top: 16px;

	color: #333;

	font-size: 14px;

	line-height: 30px;

}



.subNav ul a {

	width: 150px;

	display: block;

	padding: 0 0 0 16px;

	float: left;

	color: #333;

	font-size: 16px ;

	line-height: 38px;

	background: url(../images/arrowSub.jpg) left center no-repeat;

}



.subNav ul a:hover {

	color: #066;

	text-decoration: underline;

}



.sub1 {

	left: 230px;

	height:95px;

	background-color: #fff;

	padding-bottom: 20px;

	-moz-border-bottom-right-radius:3px;

	-moz-border-bottom-left-radius:3px;

	-webkit-border-bottom-right-radius:3px ;

	-webkit-border-bottom-left-radius:3px ;

	border-bottom-right-radius:3px ;

	border-bottom-left-radius:3px ;



}

.sub0 {

	left:10px;

	height:250px;

	background-color: #fff;

	padding-bottom: 20px;

	-moz-border-bottom-right-radius:3px;

	-moz-border-bottom-left-radius:3px;

	-webkit-border-bottom-right-radius:3px ;

	-webkit-border-bottom-left-radius:3px ;

	border-bottom-right-radius:3px ;

	border-bottom-left-radius:3px ;

}



.sub0 .subBgTopLeft, .sub1 .subBgTopLeft {

	width:290px;

	height: 7px;

	display: block;

}



.sub0 .subBgBotLeft, .sub1 .subBgBotLeft {

	width:290px;

	display: block;

}



.sub2 .subBgTopLeft {

	width: 290px;

	height: 7px;

	display: block;

}





.sub2 .subBgBotLeft {

	width: 290px;

	display: block;

}



.features {

	position: absolute;

	left: 195px;

	top: 19px;

}



.features i {

	width: 174px;

	display: block;

	float: left;

	margin: 0 40px;

}



.features a:hover img {

	border: 1px solid #448c8c;

}



.features i img {

	display: block;

	float: left;

	border: 1px solid #d7d8d8;

	margin-bottom: 12px;

}



.features i em {

	width: 174px;

	display: block;

	float: left;

	line-height: 20px;

}

/*sub end*/





@media screen and (max-width:480px){

	.topNavList {

		

		height: 47px;

		margin: 0 auto;

	}

	.topNav a {

		display: block;

		float: left;

		height: 47px;

		line-height: 47px;

		color: #232323;

		font-size: 14px;

		font-weight: normal;

		text-align: center;

		width: 30%; float:left; margin-right: 5px; padding: 0; margin-left: 5px;

	}

	.topNavtag{ width: 26px; height: 26px; line-height: 26px;background: url(../images/red_tag.jpg) left center no-repeat;  float: right; color: #fff; text-align: center; margin-right:10px; margin-top: 12px;}



	.subNavWrapper {

		width: 340px;

		position: absolute;

		left: 50%;

		margin: 0 0 0 -170px;

		z-index: 1;

		display: none;



	}

	.subNavSet {

		width: 340px;

		margin: 0 auto;

		position: relative;

	}

	.subNav {

		position: relative;

		display: none;

		width: 100%;

	}



	.subNav ul {

		width:100%;

		position: absolute;

		left:15px;

		top: 16px;

		color: #333;

		font-size: 14px;

		line-height: 30px;



	}

	.subNav li{ float: left; width:49%;}

	.subNav li:nth-child(2n+1){ margin-right:2%;}

	.subNav ul a {

		width:90%;

		display: block;

		padding: 0 0 0 16px;

		float: left;

		color: #333;

		font-size: 16px ;

		line-height: 38px;

		background: url(../images/arrowSub.jpg) left center no-repeat;

	}









	.sub0 {

		left:0px;

		height:140px;

		background-color: #fff;

		padding-bottom: 20px;

		-moz-border-bottom-right-radius:3px;

		-moz-border-bottom-left-radius:3px;

		-webkit-border-bottom-right-radius:3px ;

		-webkit-border-bottom-left-radius:3px ;

		border-bottom-right-radius:3px ;

		border-bottom-left-radius:3px ;

	}

	.sub1 {

		left: 0px;

		height:60px;

		background-color: #fff;

		padding-bottom: 20px;

		-moz-border-bottom-right-radius:3px;

		-moz-border-bottom-left-radius:3px;

		-webkit-border-bottom-right-radius:3px ;

		-webkit-border-bottom-left-radius:3px ;

		border-bottom-right-radius:3px ;

		border-bottom-left-radius:3px ;



	}





}









